<template>
  <div class="examine-content-container">
    <a-card class="card" title="审核意见" :bordered="false">
      <ApprovalForm />
    </a-card>

    <a-card class="card" title="借款详情" :bordered="false">
      <LoanDetails />
    </a-card>

    <a-card class="card" title="借款人" :bordered="false">
      <LoanUser />
    </a-card>

    <a-card class="card" title="风控报告" :bordered="false">
      <Risk />
    </a-card>
  </div>
</template>

<script>
import ApprovalForm from './form/Approval.vue'
import LoanDetails from './loan/Details.vue'
import LoanUser from './loan/User.vue'
import Risk from './Risk.vue'

export default {
  components: {
    ApprovalForm,
    LoanDetails,
    LoanUser,
    Risk,
  },
}
</script>

<style lang="less" scoped>
.card{
  margin-bottom: 24px;
}
</style>
